<link rel="stylesheet" href="{{base_url()}}jqwidgets-ver2.4/jqwidgets/styles/jqx.base.css" type="text/css" />
<link rel="stylesheet" href="{{base_url()}}jqwidgets-ver2.4/jqwidgets/styles/jqx.classic.css" type="text/css" />
<link type="text/css" href="{{base_url()}}css/adm/adm.css" rel="stylesheet" media="all" title='style' />
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/globalization/jquery.global.js"></script>
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqx-all.js"></script>

<!--<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxscrollbar.js"></script>
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxmenu.js"></script>
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxgrid.js"></script>
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxgrid.selection.js"></script>	
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxgrid.filter.js"></script>	
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxgrid.sort.js"></script>		
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxdata.js"></script>	
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxlistbox.js"></script>	
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxgrid.pager.js"></script>		
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxdropdownlist.js"></script>
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxdata.export.js"></script> 
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxgrid.export.js"></script> 
<script type="text/javascript" src="{{base_url()}}jqwidgets-ver2.4/jqwidgets/jqxwindow.js"></script> -->
    


<script type="text/javascript" src="{{base_url()}}script/admin-planners/00_function.js"></script>
<div style="margin-left: 0px;
    width: 960px;
    display: inline-block;
    min-height: 500px;
    background: #F1F1F1;
    bottom: 0;
    ">
    <div style="display: block;" id="_main-content-page">
        <div class="detail-dialog unH" style="text-align: center;width: auto;height: auto">
            <div class="dialog-close-button id-detail-dialog-close-button hidden">
                <div class="dialog-close-x"></div>
            </div>
            <div class="detail-dialog-header" style="height: 82px;width: 960px;background: #EEE;">
                <div class="detail-dialog-header" style="width: 960px">
                    <div class="detail-dialog-header-block" style="height: auto;padding: 0 0 0 2px">
                        <div class="title-tag-item-detail" style="width: 940px">
                            <h1 style="line-height: 78px">{{$configs["title"]}}</h1>
                        </div>
                    </div>
                </div>
            </div>
            <div class="detail-dialog-body" style="width: auto;height: auto">
                <div class="detail-dialog-tab-pane" style="width: auto;height: auto">
                    <div class="goog-tab-content ">
                        <div class="detail-dialog-tab-content id-detail-dialog-all-tab-content">
                            <div style="padding: 0" class="id-product-all">
                                {{if isset($contentofview)}}
                                    {{$contentofview}}
                                {{else}}
                                    Loadding...
                                {{/if}}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>                  
    </div>
</div>

 <script type="text/javascript">
    var notices = (function () {
        //Adding event listeners
        function _addEventListeners() {
            

        };
        //Creating all page elements which are jqxWidgets
        function _createElements() {
            var theme=notices.config.theme;
            
            $('#window-notice').jqxWindow({ 
                autoOpen: false,height: 'auto', width: 400, theme: theme,
                resizable: false, isModal: true, modalOpacity: 0.3,keyboardCloseKey: 13
            });
            $('#window-message,#window-error,#window-authority').jqxWindow({ 
                autoOpen: false,height: 'auto', width: 400, theme: theme,keyboardCloseKey: 13,
                resizable: false,isModal: true
            });
        };
        //Creating the demo window
        function _createWindow() {
            
        };
        return {
            config: {
                dragArea: null,
                theme: 'classic'
            },
            init: function () {
                //Creating all jqxWindgets except the window
                _createElements();
                //Attaching event listeners
                _addEventListeners();
                //Adding jqxWindow
                _createWindow();
            }
        };
    } ());
    $(document).ready(function () {
        notices.init();
    });
    function ShowAu(){
        $("#window-authority").jqxWindow("open");
        var url = "{{base_url('admin-planners/publicfun/getAuthority')}}";
        var data={ };
        htmlAjaxKU(url,data,"",function(result){
            $("#window-authority").jqxWindow("setContent",result.htmlcontent);
        });
    }
</script>
                            
<div id="window-notice" style="z-index: 9999 !important">
    <div>
        <div style="position: relative;padding-left: 24px">
            <img style="position: absolute;top: 0;left: 0px;" width="14" height="14" 
                    src="{{base_url()}}images/icon/16/dialog_warning.png" alt="" />
            Notication
        </div>
    </div>
    <div>Notice Content</div>
</div>
<div id="window-message" style="z-index: 9999 !important">
    <div>
        <div style="position: relative;padding-left: 24px">
            <img style="position: absolute;top: 0;left: 0px;" width="14" height="14" 
                    src="{{base_url()}}images/icon/16/error.png" alt="" />
            Message
        </div>
    </div>
    <div>Message Content</div>
</div>
<div id="window-authority" style="z-index: 9999 !important">
    <div>
        <div style="position: relative;padding-left: 24px">
            <img style="position: absolute;top: 0;left: 0px;" width="14" height="14" 
                    src="{{base_url()}}images/icon/16/error.png" alt="" />
            Quyền của bạn
        </div>
    </div>
    <div>Message Content</div>
</div>
<div id="window-error" style="z-index: 9999 !important">
    <div>
        <div style="position: relative;padding-left: 24px">
            <img style="position: absolute;top: 0;left: 0px;" width="14" height="14" 
                    src="{{base_url()}}images/icon/16/img_Error.png" alt="" />
            Error
        </div>
    </div>
    <div>Error Content</div>
</div>